@charset "UTF-8";
.main{width:100%;max-width:1920px;margin:0 auto;padding:0 8.333333%;overflow:hidden;}
main{overflow:hidden !important;}

/* 
全局css变量定义
--mainColor    // 主色调
--txtColor    // 主要文字色调
--helpColor   // 辅助色调
--bgColor      // 辅助背景色 
*/
:root{
    --mainColor:#0070c0;
    --txtColor:#333333;
    --helpColor:#888888;
    --bgColor:#f5f5f5;
}

/* 头部导航 start */
header{position:fixed;top:0;left:0;width:100%;height:100px;line-height:100px;box-sizing:border-box;background:rgba(255,255,255,0);z-index:9999;}
.header .main{overflow:unset;}

/* 导航左边logo */
.header_main{width:100%;margin:0 auto;height:100%;}
.header_logo,.header_logo2{width:90px;overflow:hidden;height:100%;position: relative;}
.header_logo a,.header_logo2 a{display:block;top:50%;transform:translateY(-50%);position:absolute;}
.header_logo_show{display:block !important;}
.header_logo_hide{display:none !important;}

/* 导航右边盒子(需要靠右.header_right_box加margin-left:auto;) */
.header_right_box{height:100%;font-size:20px;}
.header_nav{z-index:2;flex:1;}
.header_nav ul {height:100%;}
.header_nav ul li {position:relative;cursor:pointer;}
.header_nav ul li > a{color:rgba(255,255,255,0.5);display:block;height:100%;line-height:100px;padding:0 25px;}
.header_nav ul li:hover > a{color:rgba(255,255,255,1);}
/* 当前选中导航样式 */
.active > a{font-size:20px;color:rgba(255,255,255,1) !important;}

/*语言 */
.language2{display:none;}
.language_item{color:#fff;position:relative;;width:40px;line-height:32px;text-align:center;margin:0 5px;display:block;font-size:16px;}
.language_item::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:skew(-30deg);background-color:var(--helpColor);z-index:-1;border-radius:3px;}
.language_item:hover::after{background-color:#0089e1;}
.language_item_active::after{background-color:#0089e1 !important;}

/* 二级菜单 */
.nav_bar{box-sizing:border-box;overflow:hidden;background-color:rgba(255,255,255,0.8);padding:15px 0;position:absolute;top:100%;left:50%;;transform:translateX(-50%);transition:all .3s;border-radius:3px;text-align:center;}
/* 显示二级菜单 */
.nav_bar_cont{width:100%;height:100%;box-sizing:border-box;}
.nav_bar_left{display:block;}
.nav_bar_cont .nav_bar_left li > a{color:#333;display:block;width:100%;padding:15px 30px;font-size:16px;white-space:nowrap;line-height:unset;}
.nav_bar_cont .nav_bar_left .nav_bar_active > a{color:var(--mainColor) !important;}
.nav_bar_cont .nav_bar_left li > a::after{content:"";display:none;}
.header_nav ul li:hover .nav_bar{display:block;}
.nav_bar_cont .nav_bar_left li:hover > a{color:var(--mainColor);}


/* 导航离开顶部改变：导航背景、字体颜色、移动端按钮颜色 */
.header_active{background:#fff !important;}
.header_active .active > a{color:var(--mainColor) !important;}
.header_active .nav_bar_cont .nav_bar_left li > a{color:#333;}
.header_active .header_nav ul li > a{color:var(--helpColor);}
.header_active .header_nav ul li:hover > a{color:var(--mainColor);}
.header_active .phone_nav_btn span{background-color:var(--mainColor);}

/* 尾部导航 start */
footer{width:100%;position:relative;color:#fff;background-color:#0074c5;}
.footer_cont{align-items:flex-start;}
.footer_contact{padding:80px 160px 120px 0;margin-right:200px;border-right:rgba(255,255,255,.2) solid 1px;text-align:center;}
.footer_contact_imgbox{margin-right:auto;width:108px;}
.footer_contact_img{margin-bottom:10px;border:rgba(255,255,255,.2) solid 1px;padding:10px;width:108px;height:108px;}
.footer_contact p{font-size:16px;}

.footer_contact_txt{margin-top:58px;text-align:left;line-height:36px;}
.footer_contact_txt p{white-space:nowrap;font-size:24px;}
.footer_contact_txt p:first-child{font-size:16px;}
/* 底部导航菜单 */
.footer-nav{width:100%;align-items:flex-start;padding-top:80px;}
.footer-nav ul li:first-child{font-weight:bold;margin-bottom:80px;font-size:18px;position:relative;}
.footer-nav ul li:first-child::after{content:"";position:absolute;display:block;width:12px;height:2px;background-color:#fff;bottom:-40px;}
.footer-nav ul li:last-child{margin-bottom:0;}
.footer-nav ul li{margin-bottom:15px;text-align:left;font-size:16px;}
.footer-nav ul li a{color:#a3c2e3;}
.footer-nav ul li:first-child a{color:#fff;}
.footer-txt{width:16%;}
.footer-txt p{line-height:30px;}
.footer-nav ul li:hover a{text-decoration:underline;color:#fff;}

/* 网站版权 */
.footer-record{font-size:18px;border-top:rgba(255,255,255,.2) solid 1px;}
.footer-record p{flex-wrap:wrap;color:#fff;padding-top:35px;padding-bottom:35px;}
.footer-record a{color:#fff;}
.footer-record a:hover{color:#fff;}
.footer-record a:visited{color:#fff;}
/* .website-design{margin:0 15px;} */
.website-design a:visited{color:#fff;}
.website-design a:hover{color:#fff;}
/* 尾部 end */

@media(max-width:1800px){
header{height:70px;}
.header_logo,.header_logo2{width:70px;}/* 控制logo大小 */
.header_nav > ul > li > a{line-height:70px;padding:0 25px;}
.header_nav > ul > li > a::after{bottom:10px;}
.active > a,.header_right_box{font-size:16px;}
.footer-nav ul li{font-size:16px;}
.footer-record{font-size:16px;}
}
@media(max-width:1560px){
header{height:60px;}
.header_logo,.header_logo2{width:55px;}/* 控制logo大小 */
.header_nav > ul > li > a{line-height:60px;}
.header_nav > ul > li > a::after{bottom:10px;}

.arrow{position:absolute;right:0;width:30px;height:24px;opacity:0;transition:all .3s;}
.arrow::before{width:20px;}
.arrow::after{width:8px;height:8px;}
.footer-nav ul{margin-right: 25px;}
.footer-cont{padding:0 8%;}
}
@media(max-width:1440px){
.footer_contact{padding:60px 100px 80px 0;margin-right:140px;}
.footer_contact_txt p{font-size:22px;}
.footer-nav{padding-top:60px;}
}
@media(max-width:1350px){
.arrow{position:absolute;right:0;width:30px;height:18px;opacity:0;transition:all .3s;}
.arrow::before{width:18px;}
.arrow::after{width:6px;height:6px;}
}
@media(max-width:1240px){
.main{padding:0 5%;}
.footer-cont{padding:0 5%;}
}
/* PC end */

/* 移动端1080 */
/*移动端导航按钮*/
.phone_nav_btn{width:24px;height:24px;display:none;position:absolute;right:4%;cursor:auto;}
.phone_nav_btn span{width:100%;display:block;background-color:var(--mainColor);height:2px;opacity:1;border-radius:4px;position:absolute;left:0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.phone_nav_btn .nav_line01{top:3px;}
.phone_nav_btn .nav_line02{top:50%;transform:translateY(-50%);}
.phone_nav_btn .nav_line03{bottom:3px;}
.open .nav_line01{top:11px;left:50%;transform:translateX(-50%) rotate(-45deg);}
.open .nav_line02{opacity:0;}
.open .nav_line03{bottom:11px;left:50%;transform:translateX(-50%) rotate(45deg);}

@media (max-width:1080px){
.main{padding:0 4%;}
header{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;background-color:rgba(255,255,255,1);box-shadow:0 0 3px 2px rgba(17,17,131,.14);}
.header_logo,.header_logo2{width:50px;}/* 控制logo大小 */
.header_logo{display:block !important;}
.header_logo2{display:none !important;}
.phone_nav_btn{display:block !important;}
.active > a{color:var(--mainColor) !important;}
/* 语言盒子 */
.language{display:none;}
.language2{display:flex;justify-content:flex-end;}
.language_item{color:#fff !important;line-height:32px !important;font-size:14px;}
/* .language_item_active{color:var(--mainColor) !important;} */
/* .language_item::after{display:none;} */

.header_nav{width:100%;position:fixed;left:0;top:-120%;background-color:rgba(255,255,255,1);height:100vh;z-index:999;transition:all 0.8s;}
.header_nav > ul {flex-wrap:wrap;align-content:flex-start;padding:10px 5%;}
.header_nav > ul > li{width:100%;}
.header_nav > ul > li > a{color:var(--helpColor);padding:0;line-height:45px;}
.header_nav > ul > li > a::after{background-color:var(--helpColor);left:0;bottom:0;}
.arrow2,.arrow3{position:absolute;width:50%;height:45px;right:0;top:0;z-index:33;}
.arrow2::after,.arrow3::after{content:"";position:absolute;border:var(--helpColor) solid;border-width:2px 2px 0 0;width:10px;height:10px;top:50%;right:0;transform:translateY(-50%) rotate(45deg);display:block;transition:all .3s;}
.arrow2-open::after{transform:translateY(-50%) rotate(135deg);}
.header_nav ul li:hover > a{color:var(--mainColor);}
.header_nav ul li:hover > .arrow2::after{border-color:var(--mainColor);}
/* .header_nav ul .active > a{color:#005dc7;} */
.header_nav ul .active > a::after{width:0;}
.nav_bar-right{display:none;}/* 三级导航以另外的盒子显示 */
/* 二级菜单 */
.nav_bar{width:100%;height:0;position:static;transform:translate(0);transition:all ease .5s;padding:0;}
.nav_bar2{display:block;}
.nav_bar_cont{padding:0 20px;display:block;}
.nav_bar_left{padding:0;margin:0;border:unset;}
.nav_bar_cont .nav_bar_left li > a{margin-bottom:0;font-size:14px;line-height:40px;color:var(--helpColor);padding:0;text-align:left;}
/* 显示二级菜单 */
.header_nav ul li:hover .nav_bar{height:0;}
.autoHeight{height:auto !important;}
.nav_bar_cont .nav_bar_left .nav_bar_active > a{color:var(--helpColor);}
.secList-phone{display:block;height: 0;overflow:hidden;transition:all .3s;padding: 0 20px;}
.secList-phone > ul > li > a{line-height:40px !important;font-size:12px !important;}

.footer_cont{flex-wrap:wrap;}
.footer_contact{width:100%;margin-right:0;border-right:unset;padding-bottom:0;padding-right:0;display:flex;justify-content:flex-start;align-items:center;}
.footer_contact_imgbox{margin-right:40px;}
.footer_contact_txt{margin-top:0;}
.footer_contact_txt p{font-size:18px;}
.footer-nav{width:100%;flex-wrap:wrap;padding:40px 0;}
.footer-nav ul{width:100%;margin-right:0;transition:all ease .5s;max-height:43px;overflow:hidden;}
.footer-nav ul li{padding:0 2.5%;margin-bottom:0;line-height:30px;cursor:pointer;max-height:0;overflow:hidden;transition:all ease .5s;}
.footer-nav ul li a{display:block;width:100%;}
.footer-nav ul li:hover a{text-decoration:none;}
.footer-nav ul li:first-child{font-size:16px;font-weight:unset;margin-bottom:0px;line-height:42px;border-bottom:rgba(255,255,255,.1) solid 1px;padding:0 10px;max-height:45px !important;position:relative;}
.footer-nav ul li:first-child a{display:inline;}
.footer-nav ul li:first-child::after{background-color:rgba(255,255,255,0);content:'';display:block;position:absolute;width:8px;height:8px;border:#fff solid;border-width:2px 2px 0 0;top:50%;right:10px;transform:translateY(-50%) rotate(135deg);transition:all ease .3s;}
.footer-nav ul .footer-arrow::after{transform:translateY(-50%) rotate(-45deg) !important;}
.footer-record p{padding:30px 4%;flex-wrap:wrap;}
}
@media(max-width:768px){
.header_logo,.header_logo2{width:45px;}/* 控制logo大小 */
.footer_contact{padding-top:40px;}
.footer-record p{justify-content:center;}
.footer-nav ul li{font-size:14px;}
.footer-record{font-size:14px;}
}
@media(max-width:475px){
/* .footer-main{padding:40px 0;box-sizing:border-box;} */
}